<script>
	export default {
		onLaunch: function() {
			console.log('App Launch')
			let id=1
			this.$ws.init({
					user: 'xu',
					receiver: 'me'
				},
				(res) => {
					// this.$store.commit('setInformList', {id,type:'News'})
					id++
					uni.vibrateLong({
						success: function () {
							console.log('success');
						}
					});
					console.log('消息', res)
				})
		},
		onShow: function() {
			console.log('App Show')
		},
		onHide: function() {
			console.log('App Hide')
		}
	}
</script>

<style lang="scss">
	@import "@/uni_modules/uview-ui/index.scss";

	/*每个页面公共css */
	.card {
		background-color: #ffffff;
		border-radius: 20rpx;
		position: relative;
		z-index: 9;
		margin-bottom: 20rpx;
		animation: appearAn .5s;
	}
	@keyframes appearAn {
		0% {
			opacity: 0;
		}
	
		100% {
			opacity: 1;
		}
	}
	.box-bg {
		position: absolute;
		top: 0;
		left: 0;
		width: 100vw;
		height: 886rpx;
		z-index: 1;
	}
	.empty{
		image{
			width: 335rpx;
			height: 233rpx;
			margin-bottom: 34rpx;
		}
		margin-top: 320rpx;
		position: relative;
		z-index: 9;
		text-align: center;
		font-size: 28rpx;
		color: #333333;
	}

	.lable {
		display: flex;
		// align-items: center;
		justify-content: space-between;
		padding: 16rpx 0;
		font-size: 28rpx;
		color: #333333;

		view:nth-child(1) {
			// white-space: nowrap;
			color: #666666;
			min-width: 200rpx;
		}

		view:nth-child(2) {
			font-weight: 700;
			text-align: right;
		}

		.money {
			color: #FF3030;
		}
		.btn-text {
			color: #456FFD;
		}
	}

	._title_ {
		font-size: 28rpx;
		color: #456FFD;
		font-weight: 700;
		position: relative;
		padding: 0 20rpx;

		&::after {
			content: '';
			width: 10rpx;
			height: 26rpx;
			background-color: #456FFD;
			border-radius: 6rpx;
			position: absolute;
			top: 50%;
			left: 0;
			transform: translateY(-50%);
		}
	}

	.type_Text {
		background-color: rgba(19, 101, 249, .15);
		color: #1365F9;
	}

	.type_Notice {
		background-color: rgba(255, 120, 11, .15);
		color: #FF780B;
	}

	.type_Announcement {
		background-color: rgba(255, 187, 0, .15);
		color: #FFBB00;
	}

	.type_News {
		background-color: rgba(252, 89, 79, .15);
		color: #FC594F;
	}
</style>
